<template>
	<view>
		<swiper :indicator-dots="true" :indicator-color="'rgba(255,255,255,0.3)'"
		:indicator-active-color="'#ffffff'" :autoplay="true" :interval="2000" :duration="1000" circular>
			<swiper-item>1111111</swiper-item>
			<swiper-item>2222222</swiper-item>
			<swiper-item>3333333</swiper-item>
			<swiper-item>4444444</swiper-item>
			<swiper-item>5555555</swiper-item>
			<swiper-item>6666666</swiper-item>
		
			
			
		</swiper>
	</view>
	
	
	
	
	
	
	
</template>

<script>
	
</script>

<style lang="scss">
swiper{
	width: 100vw;
	height: 200px;
	border: 1px solid green;
	swiper-item{
		width: 100%;     //继承父级
		height: 100%;
		background: pink;
		
	}
	swiper-item:nth-child(2n){
		background: orange;
	}
	 
}
</style>
